layui.use(['element', 'table'], function () {
    var $ = layui.$,
        table = layui.table,
        layer = layui.layer;
    table.render({
        elem: '#demo'
        , id: "mytable"
        , url: '/handover/list' //数据接口
        , page: true //开启分页
        , limit: 15
        , limits: [15, 30, 60, 100]
        , response: {
            statusName: 'code' //数据状态的字段名称，默认：code
            , statusCode: 200 //成功的状态码，默认：0
            , msgName: 'msg' //状态信息的字段名称，默认：msg
            , countName: 'total' //数据总数的字段名称，默认：count
            , dataName: 'rows' //数据列表的字段名称，默认：data
        }
        , cols: [[ //表头
            {title: '序号', type: 'numbers'}
            , {
                field: 'handOverTime', title: '交班时间', templet: function (r) {
                    return $.dateFormat(new Date(r.handOverTime), 'yyyy-MM-dd HH:mm:ss');
                }
            }
            , {field: 'handOverNames', title: '交班人'}
            , {field: 'acceptNames', title: '接班人'}
            , {
                field: 'handOverStart', title: '状态', templet: function (d) {
                    switch (d.handOverStart) {
                        case 0:
                            return '未接班';
                        case 1:
                            return '已接班';
                    }
                }
            }
            , {field: 'remark', title: '备注事项'}
            , {title: '操作', toolbar: "#toolbar",width:"8%"}

        ]]
    });

    //交接班弹窗
    $(".handOver").on('click', function () {
        oo = layer.open({
            type: 2,
            content: '/handover/deal',
            anim: 5,
            area: ['600px', '400px'],
            title: '交接班-交班'
        });
    });


    //工具条
    table.on("tool(test)", function (obj) {
        var data = obj.data; //获得当前行数据
        var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
        if ("join" == layEvent) {
            oo = layer.open({
                type: 2,
                content:  "/handover/join?id=" + data.id,
                anim: 5,
                area: ['900px', '580px'],
                title: '交接班-接班'
            });
        }
    });
});